<template>
    <div class="companys">
        <Header></Header>
        <div class="content">
            <div class="headers">
                <div>
                    <img src="../../../static/img/logo_1.png" alt="">
                </div>
                <h2>企业介绍</h2>
            </div>
            <div class="introduction">
                <div class="image">
                    <img :src="this.companyList.cover" alt="" align="left"  hspace="5" vspace="5">
                </div>
                <div v-html="this.companyList.body" class="bodys">
                    
                </div>
            </div>
        </div>
        <Interactive></Interactive>
        <Footer></Footer>
    </div>
</template>
<script>
import Header from '../productVideo/components/Header'
import Interactive from '../interactive/Interactive'
import Footer from '../home/components/Footer'
export default {
    name: 'CompanyIntroduction',
    data(){
        return {
            companyList: []
        }
    },
    created(){
        this.axios.get('/articles/page/about',{
            params: {
                id: 1,
                type: 'mobile'
            }
        })
        .then((res) => {
            this.companyList = res.data.data;
            console.log(res.data.data);
        })
        .catch((error) => {
            console.log(error);
        })
    },
    components: {
        Header,
        Footer,
        Interactive
    }
}
</script>
<style scoped>
.companys{
    width: 100%;
    height: auto;
    padding-bottom: .97rem;
}
.companys .content{
    width: 100%;
    height: auto;
    margin-top: .2rem;
}
.companys .headers{
    width: 100%;
    height: .6rem;
    background-color: #080062;
    line-height: .6rem;
}
.companys .headers div{
    width: .53rem;
    height: .53rem;
    float: left;
    margin-left: .2rem;
}
.companys .headers div img{
    width: 100%;
    height: auto;
}
.companys .headers h2{
    font-size: .3rem;
    color: #fff;
    float: left;
    font-weight: bold;
}
.companys .introduction{
    width: 6.7rem;
    height: auto;
    margin-top: .3rem;
    margin-left: .4rem;
}
.companys .introduction .image{
    width: 6.7rem;
    height: 3.41rem;
}
.companys .introduction .image img{
    width: 100%;
    height: 3.41rem;
}
.companys .introduction .bodys{
    margin-top: .2rem;
    padding-bottom: .5rem;
    font-size: 16px;
}
</style>
